<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
	
			
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<title><?php echo $this->_var['position']; ?></title> 
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/style.css" media="screen" />
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/red/red.css" media="screen" title="red" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/yellow/yellow.css" media="screen" title="yellow" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/orange/orange.css" media="screen" title="orange" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/blue/blue.css" media="screen" title="blue" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/green/green.css" media="screen" title="green" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/color-schemes/purple/purple.css" media="screen" title="purple" />
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/superfish.css" media="screen">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/prettyPhoto.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/font-awesome.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/audioplayer.css" media="screen" />	
	
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/rs-plugin/css/settings.css" media="screen" />		

			
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/responsive.css" media="screen" />	
	
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/css/font-awesome-ie7.min.css">
	<![endif]-->
	
	<!--[if lt IE 9]>
	<script src="html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/hoverIntent.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/superfish.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.jcarousel.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.tweet.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jflickrfeed.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/slides.min.jquery.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.mobilemenu.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.contact.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.preloadify.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.jplayer.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.isotope.min.js"></script>
	
	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/custom.js"></script>
	
	<link rel="stylesheet" type="text/css" href="<?php echo $this->_var['file_dir']; ?>/template-changer.css" media="screen"/>		
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/jquery.cookie.js"></script>	
	<script type="text/javascript" src="<?php echo $this->_var['file_dir']; ?>/js/styleswitch.js"></script>	
	
	
	<link href='fonts.googleapis.com/css@family=Open+Sans_3A300,400,600,700' rel='stylesheet' type='text/css'>


<script type="text/javascript">
	$(function()
		{
			// Call stylesheet init so that all stylesheet changing functions 
			// will work.
			$.stylesheetInit();
			
			// This code loops through the stylesheets when you click the link with 
			// an ID of "toggler" below.
			$('#toggler').bind(
				'click',
				function(e)
				{
					$.stylesheetToggle();
					return false;
				}
			);
			
			// When one of the styleswitch links is clicked then switch the stylesheet to
			// the one matching the value of that links rel attribute.
			$('.styleswitch').bind(
				'click',
				function(e)
				{
					$.stylesheetSwitch(this.getAttribute('rel'));
					return false;
				}
			);
		}
	);
</script>	
	
</head> 

<body> 

<!-- setting a fullscreen image as background:
<img id="bg" src="themes/default/images/apple.jpg" alt="apple-background" />
-->


	<div class="theme-changer-wrap">
		<div class="theme-changer">
			<div class="changer-inner">				
				<span> 颜色设置 </span>
					<ul id="colors">
						<li><a href="search.html@style=yellow" rel="yellow" class="styleswitch color-yellow">yellow</a></li>
						<li><a href="search.html@style=orange" rel="orange" class="styleswitch color-orange">orange</a></li>
						<li><a href="search.html@style=blue" rel="blue" class="styleswitch color-blue">blue</a></li>
						<li><a href="search.html@style=green" rel="green" class="styleswitch color-green">blue</a></li>
						<li><a href="search.html@style=red" rel="red" class="styleswitch color-red">blue</a></li>
						<li><a href="search.html@style=purple" rel="purple" class="styleswitch color-purple">blue</a></li>
					
					</ul>
					<div style="clear:both; height:10px; width:100%"></div>				
			</div>
		</div>
		<div class="open-close"></div>
	</div> 	
<div id="wrapper">
	<header id="header">
		<div class="centered-wrapper">
			<div class="one-third">
				<div class="logo"><a href="index.html"></a></div>
			</div>
			
			<div class="two-third column-last">		
				<nav id="navigation">
					<ul id="mainnav">
						<li><a href="index.php"><span>主页</span></a>
						</li>
						<?php $_from = $this->_var['categories']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'cat');if (count($_from)):
    foreach ($_from AS $this->_var['cat']):
?>
							<li><a href="<?php echo $this->_var['cat']['url']; ?>"><span><?php echo htmlspecialchars($this->_var['cat']['name']); ?></span></a><ul>
								<?php $_from = $this->_var['cat']['cat_id']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'child');if (count($_from)):
    foreach ($_from AS $this->_var['child']):
?>
									<li><a href="<?php echo $this->_var['child']['url']; ?>"><?php echo htmlspecialchars($this->_var['child']['name']); ?></a></li>
								<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
							</ul></li>
						<?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
					</ul>
				</nav>
			</div>
		<div class="clear"></div>			
		</div>
	</header>	
			
	<div class="top-shadow"></div>
	
	<section class="page-title">
	<div class="page-background">
		<div class="pattern1"></div>
	</div>
	<div class="bottom-shadow"></div>
		<div class="title-wrapper">
			<div class="title-bg">
				<div class="title-content">
					<div class="one-third">
						<h2><?php echo $this->_var['page_title']; ?></h2>
					</div>
					<div class="two-third column-last">	
						<section id="options">
							<ul id="filters" class="option-set clearfix" data-option-key="filter">
								<li><a href="#filter" data-option-value="*" class="selected active">All</a></li>
								<li><a href="#filter" data-option-value=".marketing">Marketing</a></li>
								<li><a href="#filter" data-option-value=".photography">Photography</a></li>
								<li><a href="#filter" data-option-value=".branding">Branding</a></li>
								<li><a href="#filter" data-option-value=".print">Print</a></li>
								<li><a href="#filter" data-option-value=".webdesign">Web Design</a></li>
							</ul>			
						</section>									
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</section>	
	<div class="centerPadd">
	<div class="centered-wrapper">			
		<section id="portfolio-wrapper">
			<ul class="portfolio four-columns">
                <?php $_from = $this->_var['goods_list']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('', 'goods');if (count($_from)):
    foreach ($_from AS $this->_var['goods']):
?>
                
					<li data-category="branding" class="branding print">
						<a href="<?php echo $this->_var['goods']['url']; ?>">
							<span class="item-on-hover"></span>
							<img src="<?php echo $this->_var['goods']['goods_thumb']; ?>" alt=" " />
						</a>
						<div class="portfolio-carousel-details">
							<h3><a href="portfolio-single.html"><?php echo $this->_var['goods']['goods_name']; ?></a></h3>
							<span><?php echo $this->_var['goods']['market_price']; ?></span>
						</div>					
					</li>
				
                <?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>
				<li data-category="branding" class="branding print">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image1.jpg" rel="prettyPhoto[pp_gal]" title="CERVEJARIA REPUBLICA">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image1-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">CERVEJARIA REPUBLICA</a></h3>
						<span>printing identity, rebranding</span>
					</div>					
				</li>
				<li data-category="marketing" class="photography print">
					<a href="../vimeo.com/7449107" rel="prettyPhoto[pp_gal]" title="CITY PHOTO SESSION">
						<span class="item-on-hover"><span class="hover-video"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image5-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">CITY PHOTO SESSION</a></h3>
						<span>photography, urban</span>
					</div>
				</li>
				<li data-category="marketing" class="marketing branding">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image3.jpg" rel="prettyPhoto[pp_gal]" title="BOBO PROJECT">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image3-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">BOBO PROJECT</a></h3>
						<span>rebranding, business cards</span>
					</div>
				</li>
				<li data-category="branding" class="marketing branding">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image8.jpg" rel="prettyPhoto[pp_gal]" title="STORE DESIGN">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image8-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">STORE DESIGN</a></h3>
						<span>marketing, 3d modeling</span>
					</div>
				</li>	
				<li data-category="webdesign" class="webdesign marketing">
					<a href="portfolio-single.html">
						<span class="item-on-hover"><span class="hover-link"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image2-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">HOTEL WEBDESIGN</a></h3>
						<span>web design, wordpress</span>
					</div>
				</li>
				<li data-category="marketing" class="branding print">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image7.jpg" rel="prettyPhoto[pp_gal]" title="CARLITO`S BAR LOGO">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image7-small.jpg" alt=" "  />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">CARLITO`S BAR</a></h3>
						<span>logo, printing identity</span>
					</div>
				</li>				
				<li data-category="photography" class="photography">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image6.jpg" rel="prettyPhoto[pp_gal]" title="OLD CITY STREETS">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image6-small.jpg" alt=" "/>
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">OLD CITY STREETS</a></h3>
						<span>photography, media</span>
					</div>
				</li>
				<li data-category="webdesign" class="webdesign">
					<a href="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image4.jpg" rel="prettyPhoto[pp_gal]" title="TEMPORIBUS AUTEM QUIBUSDAM">
						<span class="item-on-hover"><span class="hover-image"></span></span>
						<img src="<?php echo $this->_var['file_dir']; ?>/images/portfolio/image4-small.jpg" alt=" " />
					</a>
					<div class="portfolio-carousel-details">
						<h3><a href="portfolio-single.html">WARNER BROS WEBSITE</a></h3>
						<span>web design, marketing</span>
					</div>
				</li>
			</ul>	
		</section>	
		
		<div class="clear"></div>
	</div>
	
	<div class="space"></div>
	
	<footer id="footer">
		<div class="centered-wrapper">
			<div id="topfooter">
				<div class="one-half">
					<h3>About Us</h3>
					<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam veritatis et quasi nam liber tempore.</p>
					<div class="footer-logo"></div>
				</div>
				<div class="one-half column-last">
					<div class="percent-one-half">
						<h3>We are on Twitter</h3>
						<div class="tweet"></div>
					</div>
					
					<div class="percent-one-half column-last">
						<h3>Get in Touch with Us</h3>
						<ul>
							<li>Address: 1600 Amphitheatre Parkway, Mountain View, CA 94043</li>
							<li>Phone: +321 123 456 7<br/>
							E-mail: <a href="mailto:">johndoe@ipsum.com</a></li>
						</ul>
					</div>					
				</div>
			</div>
		</div>
		
		<div id="bottomfooter">		
			<div class="centered-wrapper">		
				<div class="one-half">
					<p>COPYRIGHT &copy; 2013 - SYMPATHIQUE | ALL RIGHTS RESERVED</p>
				</div>

				<div class="one-half column-last">
					<ul id="social">
						<li><a class="rss" href="#">RSS Feed</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="google" href="#">Google</a></li>
						
					<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above
					
						<li><a class="forrst" href="#">Forrst</a></li>
						<li><a class="dribbble" href="#">Dribbble</a></li>
						<li><a class="vimeo" href="#">Vimeo</a></li>
						<li><a class="linkedin" href="#">LinkedIn</a></li>
						<li><a class="skype" href="#">Skype</a></li> 
					-->	
					</ul>					
				</div>
			</div>				
		</div>
	</footer>	
	
</div>
</body> 
</html>